html,
body{height: 100%;}
/* header*/
.m-icon,
.m-nav{display: none;z-index: 10;}
.header{text-align: center;}
.header .logo{max-width: 500px;padding: .35rem 0;display: inline-block;}
.header .logo img{width: 100%;}
.nav{font-size: 0;width: 100%;text-align: center;margin-bottom: .37rem;}
.nav li + li:after{content: '';position: absolute;width: 1px;height: .12rem;background-color: #e1e1e1;top: .04rem;left: 0;}
.nav li{display: inline-block;line-height: .2rem;height: .2rem;position: relative;width: 1.5rem;}
.nav li.active a{color: #4ba159;}
.nav li a{display: block;font-size: .16rem; color: #666;}
.nav li a:hover{color: #4ba159;}
.nav li .sub-nav{position: absolute;background-color: #fff;left: 0;top: .3rem;z-index: 2;display: none;}
.nav li .sub-nav li{line-height: .4rem;height: .4rem;}
.nav li .sub-nav li:after{width: 0;}
.nav li .sub-nav li:hover{background: #4ba159 url(/uploads/images/primary.png);}
.nav li .sub-nav li:hover a{color: #fff;}
.swiper-container.home .swiper-slide{padding-top: .8rem;height: 100%;overflow: hidden;}
.swiper-container.home .swiper-container.banner .swiper-slide{padding-top: 0;}
.swiper-container.banner .swiper-slide{width: 100%;height: 100%;background-position: center;-webkit-background-size: cover;background-size: cover;}
.swiper-container.banner img{width: 100%;height: 100%;}
.swiper-container.banner .b-bg{width: 100%;position: absolute;bottom: 0;height: .8rem;z-index: 1;background-color: rgba(0, 0, 0, 0.3);}
.swiper-container.banner .area{height: .8rem;bottom: 0;position: absolute;left: 50%;margin-left: -6rem;z-index: 10;}
.swiper-container.banner .area.page{width: 1.8rem;background-color: #fff;}
.swiper-container.banner .area .text{color: #fff;padding-left: 2.1rem;position: relative;top: 50%;transform: translateY(-50%);}
.swiper-container.banner .area .text .tit{font-size: .18rem;margin-bottom: .05rem;}
.swiper-container.banner .area .text .des{font-size: .14rem;letter-spacing: .05rem;}
.swiper-container.banner .swiper-pagination{line-height: .8rem;bottom: 0;font-size: .18rem;color: #999;}
.swiper-container.banner .swiper-button-prev,
.swiper-container.banner .swiper-button-next{z-index: 11;cursor: pointer;width: .09rem;height: .16rem;background: url(../image/b-btn.png) no-repeat;background-size: .18rem;margin-top: -0.08rem;}
.swiper-container.banner .swiper-button-prev{left: .4rem;}
.swiper-container.banner .swiper-button-prev.act:hover{background: url(../image/b-btn-s.png) no-repeat;background-size: .18rem;}
.swiper-container.banner .swiper-button-next{right: .4rem;background-position: -0.09rem 0;}
.swiper-container.banner .swiper-button-next.act:hover{background: url(../image/b-btn-s.png) no-repeat;background-size: .18rem;background-position: -0.09rem 0;}
/* com-title*/
.com-title{width: 100%;padding: 0 .73rem;}
.com-title .l-con{background: url(../image/icon.png) no-repeat top left;background-size: .57rem;padding-top: .3rem;display: inline-block;}
.com-title .l-con .tit{display: inline-block;font-size: .24rem;color: #333;font-weight: bold;}
.com-title .l-con .des{display: inline-block;vertical-align: bottom;font-size: .14rem;color: #999;margin-left: .15rem;}
.com-title .r-con{padding-top: .45rem;font-size: .12rem;color: #999;}
/* recommend-box*/
.recommend-box{width: 100%;padding-top: .8rem;overflow: hidden;}
.recommend-box .more{display: none;border: 1px solid #dcdcdc;}
.recommend-box .recommend-list{margin-top: .7rem;}
.recommend-box .recommend-list .item{width: 25%;text-align: center;overflow: hidden;position: relative;}
.recommend-box .recommend-list .item.act:hover .img-box{margin-top: -1rem;}
.recommend-box .recommend-list .item.act:hover .text{height: 4.45rem;background: #4ba159 url(/uploads/images/primary.png);}
.recommend-box .recommend-list .item.act:hover .text .tit,
.recommend-box .recommend-list .item.act:hover .text .des{color: #fff;}
.recommend-box .recommend-list .item .img-box{width: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.recommend-box .recommend-list .item .img-box img{width: 100%;}
.recommend-box .recommend-list .item .text{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;height: 3.45rem;padding-top: .64rem;background-color: #fff;}
.recommend-box .recommend-list .item .text .tit{font-size: .2rem;color: #333;font-weight: bold;margin-bottom: .15rem;}
.recommend-box .recommend-list .item .text .des{font-size: .15rem;color: #999;}
.recommend-box .recommend-list .item .text .line{width: .6rem;height: .6rem;margin: .8rem auto 0;position: relative;display: block;}
.recommend-box .recommend-list .item .text .line:before,
.recommend-box .recommend-list .item .text .line:after{content: '';position: absolute;background-color: #fff;}
.recommend-box .recommend-list .item .text .line:before{width: .6rem;height: .02rem;top: 50%;left: 0;margin-top: -0.01rem;}
.recommend-box .recommend-list .item .text .line:after{width: .02rem;height: .6rem;left: 50%;margin-left: -0.01rem;}
/* about-box*/
.about-box{width: 100%;height: 9.64rem;background-size: 9.64rem;background-size: cover;padding-top: 3rem;position: relative;}
.about-box .area{height: 100%;}
.about-box img{width: 100%;height: 100%;}
.about-box .about-text{background-color: #fff;float: right;}
.about-box .link.act:hover{color: #4ba159;}
.about-box .about-text{width: 9.6rem;height: 2.2rem;position: absolute;right: 0;top: 0;padding: .3rem .7rem;font-size: .14rem;color: #666;}
.about-box .about-text .tit{font-size: .24rem;color: #333;font-weight: bold;margin-bottom: .25rem;}
.about-box .about-text .des{
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.8;
}
.about-box .about-text .link{color: #999;margin-top: .2rem;display: block;}
.about-box .about-bg1{position: absolute;top: 2.2rem;left: 0;z-index: 1;width: 7.24rem;height: 2.2rem;}
.about-box .introduce .com-title,
.about-box .text .com-title{padding: .35rem;position: relative;z-index: 2;}
.about-box .introduce .com-title::before,
.about-box .text .com-title::before{content: '';width: 0;height: 0;position: absolute;border-width: .15rem;border-style: solid;border-color: transparent transparent #4ba159 transparent;top: -0.25rem;right: .45rem;}
.about-box .introduce:after,
.about-box .text:after{content: '';position: absolute;width: .22rem;height: .22rem;background: url(../image/add.png) no-repeat;background-size: .22rem;right: .25rem;bottom: .25rem;}
.about-box .introduce{width: 2.52rem;position: absolute;left: 7.24rem;top: 2.2rem;height: 2.2rem;background: #4ba159;}
.about-box .introduce .com-title .l-con{background: url(../image/icon-s.png) no-repeat top left;background-size: .57rem;}
.about-box .introduce .tit{color: #fff;}
.about-box .introduce:before{content: '01';position: absolute;width: 100%;font-size: 1.9rem;line-height: 2.2rem;color: #fff;opacity: .05;z-index: 0;text-align: center;}
.about-box .about-bg2{position: absolute;width: 2.24rem;height: 4.44rem;right: 0;top: 2.2rem;}
.about-box .culture{position: absolute;left: 0;bottom: 0;width: 9.77rem;height: 2.24rem;background-color: #fff;}
.about-box .culture .text{background-color: #40392f;width: 2.52rem;height: 100%;float: left;position: relative;}
.about-box .culture .text .com-title{display: block;}
.about-box .culture .text .com-title::before{content: '';border-color: transparent transparent transparent #40392f;top: .45rem;right: -0.25rem;}
.about-box .culture .text .com-title .tit{color: #fff;}
.about-box .culture .text:before{content: '02';position: absolute;left: 0;top: 0;width: 100%;font-size: 1.9rem;line-height: 2.2rem;color: #fff;opacity: .05;z-index: 0;text-align: center;}
.about-box .culture .con{width: 7.25rem;float: left;height: 100%;padding: .5rem .5rem;font-size: .14rem;color: #666;}
.about-box .culture .con .des{
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.8;
}
.about-box .culture .link{display: block;color: #999;margin-top: .2rem;}
.about-box .m-about-bg{display: none;}
/* news-box*/
.news-box{background-color: #343434;padding-top: .7rem;overflow: hidden;}
.news-box .com-title .tit{color: #fff;}
.news-list{width: 100%;padding: 0 .73rem;margin-top: .5rem;}
.news-list .news-list-b{margin-left: -2%;}
.news-list .item{width: 23%;color: #999;float: left;margin-left: 2%;height: 4rem;position: relative;}
.news-list .item.act:hover{background: #4ba159 url(/uploads/images/primary.png);}
.news-list .item.act:hover .des,
.news-list .item.act:hover .time{color: #fff;opacity: .7;}
.news-list .item.act:hover .tit:before{background-color: #fff;opacity: .7;}
.news-list .item.act:hover .img-box{top: 0;}
.news-list .item.act:hover .text{top: 1.8rem;margin-bottom: .2rem;}
.news-list .item img{width: 100%;}
.news-list .item .text{white-space:nowrap;width: 100%;margin-bottom: .4rem;position: absolute;left: 0;top: 0;padding: .17rem;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.news-list .item .img-box{width: 100%;position: absolute;top: 2rem;left: 0;padding: .17rem;max-height: 170px;overflow: hidden; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 2;}
.news-list .item .tit{color: #e7e7e7;font-size: .18rem;font-weight: bold;padding-bottom: .15rem;position: relative;width: 100%;overflow:hidden;text-overflow:ellipsis;}
.news-list .item .tit:before{content: '';position: absolute;width: .3rem;height: .02rem;background-color: #555555;bottom: 0;left: 0;}
.news-list .item .time{margin: .18rem 0 .35rem;font-size: .24rem;font-weight: bold;}
.news-list .item .des{line-height: .24rem;font-size: .14rem;height: .48rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.more{text-align: center;margin: .8rem auto;width: 2.1rem;height: .5rem;line-height: .5rem;font-size: .12rem;color: #999;display: block;border: 1px solid #565656;position: relative;}
.more span{color: #999;position: relative;z-index: 2;}
.more.act:hover:before{width: 100%;}
.more.act:hover span{color: #fff;}
.more:before{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #4ba159 url(/uploads/images/primary.png);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
/* product-box*/
.product-box{padding-top: .7rem;}
.product-box .more{border-color: #dcdcdc;}
.product-box .swiper-button-next.swiper-button-disabled,
.product-box .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}
.product-box .p-prev,
.product-box .p-next{width: .45rem;height: .45rem;}
.product-box .p-prev{background: #8f8f8f url(../image/p-prev.png) no-repeat center;background-size: .13rem;}
.product-box .p-next{background: #8f8f8f url(../image/p-next.png) no-repeat center;background-size: .13rem;}
.product-box .swiper-button-prev.swiper-button-disabled,
.product-box .swiper-button-next.swiper-button-disabled{opacity: 1;}
.product-box .p-nav{padding-top: .4rem;float: right;}
.product-box .p-nav .link{padding: 0 .25rem;position: relative;font-size: .14rem;color: #999;display: inline-block;}
.product-box .p-nav .link.on,
.product-box .p-nav .link:hover{color: #4ba159;}
.product-box .p-nav .link:last-child:after{width: 0;}
.product-box .p-nav .link:after{content: '';position: absolute;width: 1px;height: .14rem;background-color: #e4e4e4;top: 50%;transform: translateY(-50%);right: 0;}
.product-box .p-nav .link:last-child{border: 0;}
.product-list-box{padding-top: .7rem;}
.product-list-box .act .swiper-slide:hover .text{width: 100%;height: 100%;transform: scale(1);display: block;}
.product-list-box .swiper-slide{position: relative;}
.product-list-box .swiper-slide img{width: 100%;}
.product-list-box .swiper-slide .text{width: 100%;height: 100%;position: absolute;text-align: center;top: 0;left: 0;z-index: 5;padding: .2rem;background-color: rgba(76, 171, 91, 0.8);-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-list-box .swiper-slide .text:before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-transform: scale(0.95);transform: scale(0.95);border: 1px solid #fff;}
.product-list-box .swiper-slide .text .con{position: relative;top: 50%;transform: translateY(-50%);color: #fff;}
.product-list-box .swiper-slide .text .con .tit{font-size: .18rem;font-weight: bold;margin-bottom: .3rem;}
.product-list-box .swiper-slide .text .con .des{font-size: .14rem;}
.product-list-box .swiper-slide .text .con .add{width: 1.47rem;height: .45rem;line-height: .4rem;background-color: #fff;margin: .6rem auto 0;color: #4ba159;font-size: .3rem;}
.product-list-box .m-text{text-align: center;font-size: .24rem;color: #666;line-height: .5rem;display: none;margin: .1rem 0;}
/* contact-box*/
.contact-box .bg{width: 100%;height: 4.68rem;}
.contact-box .bg .com-title{position: absolute;left: 0;bottom: .6rem;}
.contact-box .bg .com-title .tit,
.contact-box .bg .com-title .des{color: #fff;}
.contact-box .bg .com-title .des{font-size: .12rem;}
.contact-box .text{padding: 1.08rem 1.25rem .9rem;}
.contact-box .l-con{width: 40%;float: left;}
.contact-box .l-con .name{margin-bottom: .7rem;}
.contact-box .l-con .cn{font-size: .23rem;font-weight: bold;color: #333;line-height: .24rem;margin-bottom: .1rem;}
.contact-box .l-con .en{font-size: .12rem;color: #999;text-transform: uppercase;font-family: Arial;}
.contact-box .l-con .info{font-size: .14rem;color: #666;}
.contact-box .l-con .info p{margin-bottom: .2rem;}
.contact-box .r-con{width: 60%;float: left;}
.contact-box .r-con .inp-box{margin-left: -2%;}
.contact-box .r-con .inp{width: 31.2%;float: left;border: 0;border-bottom: 1px solid #e6e6e6;margin-left: 2%;line-height: .4rem;}
.contact-box .r-con .inp:last-child{margin-right: 0;}
.contact-box .r-con .t-area{width: 100%;height: 1.35rem;border: 0;border-bottom: 1px solid #e6e6e6;margin-top: .1rem;}
.contact-box .r-con .submit{width: 2.1rem;height: .5rem;text-align: center;font-weight: bold;font-size: .14rem;color: #999;background-color: #fff;border: 1px solid #dcdcdc;cursor: pointer;margin-top: .3rem;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.contact-box .r-con .submit:hover{background: #4ba159 url(/uploads/images/primary.png);color: #fff;}
/* footer-box*/
.footer-box{width: 100%;line-height: .4rem;text-align: center;background-color: #f1f1f1;font-size: .14rem;color: #666;}
.footer-box .copy-right{display: inline-block;margin-right: .27rem;}
.footer-box .copy-right a {
  color: #666;
}
.footer-box .share{display: inline-block;}
.footer-box .share span a{display: inline-block;vertical-align: middle;margin-right: .2rem;color: #666;}
/* .footer-box .share a{display: inline-block;width: .24rem;height: .24rem;background: url(../image/f-icon.png) no-repeat;background-size: .96rem;background-size: cover;vertical-align: middle;position: relative;margin: 0 .2rem;cursor: pointer;}
.footer-box .share a:before{content: '';position: absolute;width: 1px;height: .24rem;background-color: #dedede;left: -0.2rem;top: 0;}
.footer-box .share a.wx{background-position: -0.24rem 0;}
.footer-box .share a.wb{background-position: -0.48rem 0;} */
.m-fix-f{display: none;}
/* in-banner*/
.in-banner{width: 100%;height: 2.5rem;background: #343434;background-position: center;-webkit-background-size: cover;background-size: cover;text-align: center;color: #fff;padding-top: .55rem;overflow: hidden;}
.in-banner .cn{font-size: .24rem;font-weight: bold;margin-bottom: .15rem;}
.in-banner .en a{font-size: .14rem; color: #fff;margin:0 10px;}
.in-banner .in-nav{width: 100%;text-align: center;font-size: 0;margin-top: .3rem;}
.in-banner .in-nav .swiper-wrapper{justify-content: center;font-size: 0;transform: translate3d(0px, 0px, 0px);}
.in-banner .in-nav a{width: 1.9rem;font-size: .16rem;color: #999;background-color: #fff;display: inline-block;line-height: .5rem;}
.in-banner .in-nav a.on,
.in-banner .in-nav a:hover{background: #4ba159 url(/uploads/images/primary.png);color: #fff;}
/* m-product*/
.m-product{text-align: center;margin-top: 3%;}
.m-product .item.act:hover .text{-webkit-transform: scale(1);transform: scale(1);}
.m-product .item{width: 24%;margin-left: 1%;float: left;margin-top: 1%;position: relative;}
.m-product .item .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background: rgba(75, 161, 89, 0.8);-webkit-transform: scale(0);transform: scale(0);padding: .2rem;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.m-product .item .text:before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 1px solid #deeee1;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 5;-webkit-transform: scale(0.95);transform: scale(0.95);}
.m-product .item .text .con{position: relative;top: 50%;transform: translateY(-50%);color: #fff;}
.m-product .item .text .con .tit{font-size: .18rem;font-weight: bold;margin-bottom: .25rem;}
.m-product .item .text .con .des{font-size: .14rem;line-height: .24rem;height: .45rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .3rem;}
.m-product .item .text .con .add{width: 1.45rem;line-height: .4rem;background-color: #fff;color: #4ba159;margin: 0 auto;font-size: .24rem;}
.m-product .item img{width: 100%;}
.m-product .m-p-text{display: none;}
/* in-about*/
.in-about{margin-top: .8rem;margin-bottom: .8rem;}
.in-about .top .img-box{width: 4.65rem;height: 2.7rem;float: left;}
.in-about .top .text{width: 100%;padding-left: 5.14rem;}
.in-about .top .text .tit{font-size: .24rem;color: #333;line-height: 1rem;}
.in-about .top .text .des{font-size: .15rem;color: #666;line-height: .3rem;}
.in-about .top .info{font-size: .15rem;line-height: .3rem;}
.in-about .top .info p{margin-top: .4rem;color: #666;}
/* in-contact*/
.in-contact{padding-top: .8rem;padding-bottom: .8rem;}
.in-contact .contactus-box{width: 30%; font-size: .15rem; color: #666; line-height: .3rem;}
.in-contact .contactus-box a{color: #666;}
.in-contact .map-box{width: 70%;}
.in-contact .f-info{margin-top: .5rem;position: relative;overflow: hidden;}
.in-contact .f-info:before,
.in-contact .f-info:after{content: '';position: absolute;top: 0;width: 1px;height: 100%;background-color: #ccc;z-index: 4;}
.in-contact .f-info:before{left: 30%;}
.in-contact .f-info:after{left: 70%;}
.in-contact .f-logo .cn{font-size: .23rem;color: #333;font-weight: bold;}
.in-contact .f-logo .en{color: #999;font-size: .12rem;line-height: .24rem;}
.in-contact .f-logo,
.in-contact .code{width: 30%;float: left;}
.in-contact .address-info{width: 40%;float: left;padding: 0 .7rem;font-size: .14rem;}
.in-contact .address-info p{margin-bottom: .15rem;color: #666;}
.in-contact .qr-code,
.in-contact .info{display: inline-block;vertical-align: middle;font-size: .14rem;color: #666;}
.in-contact .qr-code{width: 1.2rem;margin-right: .35rem;}
.in-contact .code{text-align: center;border: 0;}
/* in-news*/
.in-news{margin-top: .2rem;}
.in-news .act .img-box:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.in-news .act .text:hover .tit{color: #4ba159;}
.in-news .item{padding: .6rem 0;display: block;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.in-news .img-box{width: 5.22rem;height: auto;overflow: hidden;float: left;}
.in-news .img-box img{width: 100%;height: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.in-news .text{width: 100%;padding-left: 5.75rem;}
.in-news .text .tit{line-height: .7rem;height: .7rem;font-size: .18rem;color: #666;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news .text .des{font-size: .14rem;color: #999;line-height: .24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in-news .text .bot{margin-top: .55rem;font-size: .14rem;color: #999;overflow: hidden;}
.in-news .text .bot .time{font-size: .24rem;font-weight: bold;float: left;}
.in-news .text .bot .link{float: right;margin-top: .1rem;}
/* in-news-d*/
.in-news-d{margin-top: .8rem;margin-bottom: .8rem;}
.in-news-d .tit,
.in-news-d .time{text-align: center;}
.in-news-d .tit{font-size: .24rem;color: #333;font-weight: bold;}
.in-news-d .time{font-size: .14rem;color: #999;margin: .2rem auto .3rem;}
.in-news-d .pic1{float: left;width: 8rem;height: 5.35rem;}
.in-news-d .pic2{width: 3.82rem;height: 5.35rem;float: right;}
.in-news-d .pic1,
.in-news-d .pic2{margin-bottom: .35rem;}
.in-news-d .con p{margin-bottom: .35rem;font-size: .14rem;color: #666;line-height: 1.8;}
.in-news-d .change{font-size: 0;overflow: hidden;}
.in-news-d .change a{width: 50%;line-height: .57rem;height: .57rem;float: left;padding: 0 .2rem;background-color: #f4f4f4;font-size: .14rem;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.in-news-d .change a:hover{background: #4ba159 url(/uploads/images/primary.png);color: #fff;}
/* m-product-d*/
.m-product-d{margin-top: .8rem;margin-bottom: .8rem;}
.m-product-d .l-con{width: 7rem;float: left;}
.m-product-d .l-con .swiper-button-prev,
.m-product-d .l-con .swiper-button-next{width: .45rem;height: .45rem;}
.m-product-d .l-con .swiper-button-prev{background: #999 url(../image/p-prev.png) no-repeat center;background-size: .13rem;}
.m-product-d .l-con .swiper-button-next{background: #999 url(../image/p-next.png) no-repeat center;background-size: .13rem;}
.m-product-d .l-con .swiper-button-disabled,
.m-product-d .l-con .swiper-button-disabled{opacity: 1;}
.m-product-d .mp-banner{margin-bottom: .2rem;}
.m-product-d .mp-banner img,
.m-product-d .mp-banner .swiper-slide{width: 100% !important;}
.m-product-d .m-info{display: none;}
.m-product-d .text{font-size: .14rem;color: #666;line-height: .34rem;}
.m-product-d .r-con{width: 100%;}
.m-product-d .r-con .info{padding-bottom: .35rem;border-bottom: 1px solid #e6e6e6;}
.m-product-d .r-con .info .tit{font-size: .2rem;color: #333;font-weight: bold;margin-bottom: .4rem;}
.m-product-d .r-con .info .des{font-size: .14rem;color: #999;line-height: .34rem;}
.m-product-d .m-recommend .tit{font-size: .18rem;font-weight: bold;color: #666;margin: .5rem 0 .3rem;}
.m-product-d .m-recommend .m-recommend-list{margin-left: -0.35rem;}
.m-product-d .m-recommend .item{width: 30%;float: left;margin-left: .35rem;}
.m-product-d .m-recommend .item .img-box{width: 100%;}
.m-product-d .m-recommend .item .img-box img{width: 100%;}
.m-product-d .m-recommend .item .des{font-size: .16rem;color: #666;margin: .25rem 0 .4rem;font-weight: bold;text-align: center;}
/* in-online*/
.in-online{margin: .8rem auto;padding: 0 1.1rem;min-height: 6rem;}
.in-online .tit{font-size: .24rem;color: #666;}
.in-online .des{font-size: .14rem;color: #999;line-height: .5rem;}
.in-online .form{width: 100%;margin-top: .5rem;}
.in-online .form .inp-box{margin-left: -2%;}
.in-online .form .inp{width: 31.2%;margin-left: 2%;line-height: .42rem;float: left;border: 0;border-bottom: 1px solid #e6e6e6;}
.in-online .form .con{width: 100%;height: 1.5rem;border: 0;border-bottom: 1px solid #e6e6e6;padding-top: .1rem;}
.in-online .form .bot{margin-top: .4rem;}
.in-online .form .bot .l-con{line-height: .5rem;}
.in-online .form .bot .l-con .label,
.in-online .form .bot .l-con .code{display: inline-block;vertical-align: middle;font-size: .14rem;color: #666;margin-right: .2rem;}
.in-online .form .bot .l-con .label .text,
.in-online .form .bot .l-con .code .text{width: 1rem;height: .35rem;line-height: .35rem;border: 1px solid #dedede;padding-left: .05rem;}
.in-online .form .bot .l-con img{width: 1.15rem;height: .34rem;}
.in-online .form .bot .r-con .btn{width: 2.1rem;height: .5rem;cursor: pointer;font-size: .14rem;font-weight: bold;}
.in-online .form .bot .r-con .btn.submit{background: #4ba159 url(/uploads/images/primary.png);color: #fff;border: 1px solid #fff;margin-right: .2rem;}
.in-online .form .bot .r-con .btn.cancle{border: 1px solid #dedede;background-color: #fff;color: #999;}
/* mobile*/
@media screen and (max-width: 1000px){
  .about-box .about-text{padding-top: .4rem;}
  .about-box .culture .con{padding-top: .6rem;}
  .in-about .top .text .tit{line-height: .6rem;}
  .in-news .text .tit{font-size: .24rem;}
  .in-news .text .des{line-height: .4rem;}
}
@media screen and (max-width: 768px){
.breadcrumb {
    padding: 10px !important;
}
.news2-list .item
{
  width: 100% !important;
}
h1,
.h1 {
  font-size: 26px !important;
}
h2,
.h2 {
  font-size: 20px !important;
}
h3,
.h3 {
  font-size: 18px !important;
}
h4,
.h4 {
  font-size: 16px !important;
}
h5,
.h5 {
  font-size: 14px !important;
}
h6,
.h6 {
  font-size: 12px !important;
}
  .in-contact .contactus-box{width: 100%;}
  .in-contact .map-box{width: 100%;}
  .header{padding: 0 .3rem;height: 1.1rem;position: relative;}
  .header .logo{float: left;max-width: 200px;}
  .swiper-container.banner{width: 100%;height: 7rem !important;}
  .swiper-container.banner .area{width: 7.5rem;left: 0;margin-left: 0;}
  .swiper-container.home .swiper-slide{padding: .8rem 0 0 0;}
  .nav{display: none;}
  .m-icon{display: block;position: absolute;width: .4rem;height: .35rem;right: .3rem;background: url(../image/m-nav.png) no-repeat;background-size: .4rem;top: 50%;transform: translateY(-50%);}
  .m-nav{position: absolute;background-color: #f8f8f8;width: 100%;text-align: center;display: none;top: 1.1rem;left: 0;}
  .m-nav li{width: 100%;float: left;line-height: .8rem;font-size: .3rem;position: relative;}
  .m-nav li a{color: #666;}
  .m-nav li.active{background: #4ba159 url(/uploads/images/primary.png);}
  .m-nav li.active a{color: #fff;}
  .m-nav li .sub-nav{width: 100%;position: relative;text-align: center;display: none;}
  .m-nav li .sub-nav li{width: 100%;font-size: .26rem;}
  .m-nav li .sub-nav li:hover{background: #4ba159 url(/uploads/images/primary.png);}
  .m-nav li .sub-nav li:hover a{color: #fff;}
  .contact-box .bg{height: 3rem;}
  .contact-box .com-title{text-align: left;padding: 0 .3rem;}
  .contact-box .com-title .l-con{background: url(../image/icon.png) no-repeat top left;background-size: .57rem;}
  .contact-box .com-title .l-con .tit{color: #fff;}
  .contact-box .com-title .l-con .des{margin: 0;}
  .contact-box .r-con{display: none;}
  .contact-box .l-con{width: 100%;}
  .contact-box .l-con .cn{font-size: .36rem;font-weight: normal;}
  .contact-box .l-con .info{font-size: .24rem;}
  .contact-box .text{padding: .75rem .3rem .3rem;}
  .com-title{padding: 0;text-align: center;}
  .com-title .l-con{float: none;background: url(../image/icon.png) no-repeat top center;background-size: .57rem;padding-top: .4rem;}
  .com-title .l-con .tit{display: block;font-size: .36rem;color: #333;font-weight: bold;margin-bottom: .2rem;}
  .com-title .l-con .des{font-size: .2rem;}
  .com-title .r-con{display: none;}
  .recommend-box .more{display: block;}
  .recommend-box .recommend-list{touch-action: none;transform: translateX(-5.35rem);}
  .recommend-box .recommend-list .item{width: 5.65rem;}
  .recommend-box .recommend-list .item .text{padding-top: .54rem;height: auto;}
  .recommend-box .recommend-list .item .text .tit{font-size: .3rem;font-weight: bold;}
  .recommend-box .recommend-list .item .text .line{display: none;}
  .recommend-box .recommend-list .item .text .des{font-size: .2rem;}
  .news-box .com-title .tit{color: #fff;}
  .news-list{padding: 0 .3rem;}
  .news-list .news-list-b{margin-left: 0;}
  .news-list .item{width: 100%;height: auto;margin-left: 0;}
  .news-list .item .text, .news-list .item .img-box{position: relative;top: 0;padding: 0;}
  .news-list .item .img-box{margin-bottom: 0;}
  .news-list .item .text{margin: .4rem 0;}
  .news-list .item .tit{float: left;padding-bottom: 0;font-size: .28rem;font-weight: normal;max-width: 80%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
  .news-list .item .tit:before{width: 0;}
  .news-list .item .time{float: right;margin: 0;font-size: .2rem;height: .28rem;line-height: .28rem;}
  .news-list .item .des{display: none;margin: 0;}
  .product-box .p-nav{float: none;width: 100%;}
  .product-box .p-nav .swiper-wrapper{flex-wrap: nowrap;}
  /* .product-box .p-nav .link{font-size: .3rem;} */
  .product-box .p-nav .link:after{height: .26rem;}
  .product-box .p-prev, .product-box .p-next{display: none;}
  .product-box .swiper-wrapper{flex-wrap: wrap;}
  .product-box .product-list{width: 100% !important;}
  .product-box .product-list .swiper-slide{width: 3.3rem !important;float: left;margin-left: .3rem !important;margin-right: 0 !important;}
  .product-list-box .text{display: none;}
  .product-list-box .m-text{display: block;}
  .more{margin: .4rem auto .8rem;}
  .footer-box{padding-bottom: 1.9rem;background-color: #fff;}
  /* .footer-box .share{display: none;} */
  .footer-box .copy-right{width: 100%;display: block;text-align: left;padding: 0 .3rem;font-size: .24rem;color: #999;}
  .m-fix-f{display: block;width: 100%;height: 1.2rem;border-top: .02rem solid #e2e2e2;position: fixed;left: 0;bottom: 0;z-index: 20;background-color: #fff;padding-top: .2rem;}
  .m-fix-f .item{width: 25%;float: left;text-align: center;margin-bottom: 4px;}
  .m-fix-f .item.on .icon{background: url(../image/m-icon-s.png) no-repeat;background-size: 1.88rem;}
  .m-fix-f .item.on p{color: #4ba159;}
  .m-fix-f .item .icon{width: .47rem;height: .43rem;background: url(../image/m-icon.png) no-repeat;background-size: 1.88rem;display: block;margin: 0 auto;}
  .m-fix-f .item .icon.on-line{background-position: -0.47rem 0;}
  .m-fix-f .item .icon.tel{background-position: -0.94rem 0;}
  .m-fix-f .item .icon.qq{background-position: -1.41rem 0;}
  .m-fix-f .item p{color: #666;margin-top: .05rem;}
  .about-box{background: none;height: 12rem;padding-top: 0;}
  .about-box .m-about-bg{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 3rem;background: url(../image/m-about.jpg) no-repeat;background-size: 100%;}
  .about-box .com-title{padding: .8rem .3rem !important;text-align: left;}
  .about-box .com-title .l-con{background: url(../image/icon.png) no-repeat top left;background-size: .57rem;}
  .about-box .com-title .tit{color: #fff;}
  .about-box .about-text{width: 65%;height: 3rem;top: 3rem;left: 0;padding: .5rem .4rem;}
  .about-box .about-text .tit{font-size: .32rem;font-weight: normal;}
  .about-box .about-text .des{font-size: .24rem;line-height: .4rem;display: -webkit-box;}
  .about-box .about-text .link{font-size: .18rem;margin-top: .35rem;}
  .about-box .introduce{width: 35%;left: 65%;top: 3rem;height: 3rem;}
  .about-box .introduce:before{line-height: 3rem;}
  .about-box .introduce .com-title:before{top: .7rem;left: -0.3rem;border-color: transparent #4ba159 transparent transparent ;}
  .about-box .about-bg1{top: 6rem;}
  .about-box .about-bg2{display: none;}
  .about-box .about-bg1{width: 100%;height: 3rem;}
  .about-box .culture{width: 100%;height: 3rem;}
  .about-box .culture .text{width: 35%;}
  .about-box .culture .text .com-title:before{top: .7rem;}
  .about-box .culture .con{width: 65%;}
  .about-box .culture .con .des{font-size: .24rem;line-height: .4rem;display: -webkit-box;}
  .about-box .culture .link{margin-top: .35rem;font-size: .18rem;}
  .in-banner .cn{font-size: .3rem;}
  .in-banner .en{font-size: .24rem;}
  .in-banner .in-nav a{width: 30%;font-size: .24rem;}
  .m-product{margin-left: 0;}
  .m-product .item{width: 3.3rem;margin-left: .3rem;margin-top: .3rem;}
  .m-product .m-p-text{display: block;line-height: .6rem;font-size: .24rem;color: #666;}
  .in-about .top .img-box{float: none;width: 100%;padding: 0 .3rem;}
  .in-about .top .img-box img{width: 100%;}
  .in-about .top .text{padding: 0 .3rem;}
  .in-about .top .text .tit{font-size: .36rem;line-height: 1rem;}
  .in-about .top .text .des{font-size: .24rem;line-height: .4rem;}
  .in-about .top .info{padding: 0 .3rem;font-size: .24rem;line-height: .4rem;}
  .in-contact .f-logo, .in-contact .code, .in-contact .address-info{width: 100%;float: none;text-align: left;padding: 0 .3rem;}
  .in-contact .f-info:before, .in-contact .f-info:after{width: 0;}
  .in-contact .f-logo{margin-bottom: .7rem;display: block;}
  .in-contact .address-info{font-size: .24rem;}
  .in-contact .code{font-size: .24rem;margin-top: .4rem;}
  .in-contact .code .info{font-size: .2rem;}
  .in-contact .map-box{padding: 0 .3rem;}
  .in-contact .contactus-box{font-size: .24rem;line-height: .4rem;padding: 0 .3rem;}
  .in-news{padding: 0 .3rem;}
  .in-news .img-box{width: 100%;height: auto;float: none;}
  .in-news .item{padding: .3rem 0;}
  .in-news .text{float: none;padding: 0;}
  .in-news .text .tit{font-weight: normal;}
  .in-news .text .bot{margin-top: .2rem;}
  .in-news .text .bot .time{font-weight: normal;}
  .in-news .text .bot .link{font-size: .2rem;margin-top: .05rem;}
  .in-news .text .des{font-size: .2rem;}
  .in-news-d{padding: 0 .3rem;}
  .in-news-d .tit{font-weight: normal;font-size: .3rem;}
  .in-news-d .time{font-size: .24rem;}
  .in-news-d .pic1, .in-news-d .pic2{width: 100%;float: none;height: auto;text-align: center;}
  .in-news-d .pic1 img, .in-news-d .pic2 img{max-width: 100%;margin: 0 auto;}
  .in-news-d .con p{font-size: .24rem;line-height: .4rem;}
  .in-news-d .change a{width: 100%;line-height: .8rem;height: .8rem;font-size: .24rem;margin-bottom: .1rem;}
  .m-product-d{padding: 0 .3rem;}
  .m-product-d .l-con{width: 100%;float: none;}
  .m-product-d .l-con .swiper-button-prev, .m-product-d .l-con .swiper-button-next{width: .65rem;height: .65rem;}
  .m-product-d .m-info{display: block;}
  .m-product-d .m-info .tit{font-size: .3rem;color: #333;margin-bottom: .45rem;}
  .m-product-d .m-info .des{font-size: .24rem;color: #999;line-height: .4rem;}
  .m-product-d .r-con{padding-left: 0;}
  .m-product-d .r-con .info{display: none;}
  .m-product-d .m-recommend .tit{font-size: .3rem;font-weight: normal;}
  .m-product-d .m-recommend .m-recommend-list{margin-left: -0.4rem;}
  .m-product-d .m-recommend .item{width: 3.25rem;margin-left: .4rem;}
  .m-product-d .m-recommend .item .img-box{height: auto;}
  .m-product-d .m-recommend .item .des{font-size: .24rem;}
  .m-product-d .text{font-size: .24rem;margin: .2rem 0 .4rem;line-height: .4rem;}
  .in-online{padding: 0 .3rem;}
  .in-online .tit{font-size: .3rem;}
  .in-online .des{font-size: .24rem;}
  .in-online .form .inp-box{margin-left: 0;}
  .in-online .form .inp{width: 100%;margin-left: 0;line-height: .8rem;font-size: .24rem;}
  .in-online .form .bot .l-con{float: none;width: 100%;line-height: .8rem;margin-bottom: .2rem;}
  .in-online .form .bot .l-con .label{font-size: .24rem;}
  .in-online .form .bot .l-con .label .text{width: 2rem;line-height: .6rem;height: .6rem;}
  .in-online .form .bot .r-con{float: none;width: 100%;text-align: center;}
  .in-online .form .bot .r-con .btn{height: .6rem;line-height: .6rem;font-size: .24rem;font-weight: normal;}
}

/*********      page      ***************/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
.text-center {
  text-align: center;
}


.news2-box{background-color: #343434;padding-top: .7rem;overflow: hidden;}
.news2-box .com-title .tit{color: #fff;}
.news2-list{width: 100%;padding: 0 .73rem;margin-top: .2rem;}
.news2-list .news2-list-b{margin-left: -2%;}
.news2-list .item{width: 23%;color: #999;float: left;margin-left: 2%;height: 2rem;position: relative;margin-bottom: .3rem;}
.news2-list .item.act:hover{background: #4ba159 url(/uploads/images/primary.png);}
.news2-list .item.act:hover .des,
.news2-list .item.act:hover .time{color: #fff;opacity: .7;}
.news2-list .item.act:hover .tit:before{background-color: #fff;opacity: .7;}
.news2-list .item.act:hover .text{top: .2rem;margin-bottom: .2rem;}
.news2-list .item .text{white-space:nowrap;width: 100%;margin-bottom: .4rem;position: absolute;left: 0;top: 0;padding: .17rem;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.news2-list .item .tit{color: #e7e7e7;font-size: .18rem;font-weight: bold;padding-bottom: .15rem;position: relative;width: 100%;overflow:hidden;text-overflow:ellipsis;}
.news2-list .item .tit:before{content: '';position: absolute;width: .3rem;height: .02rem;background-color: #555555;bottom: 0;left: 0;}
.news2-list .item .time{margin: .18rem 0 .35rem;font-size: .24rem;font-weight: bold;}

.breadcrumb {
  padding: 10px 0;
  color: #666;
}
.breadcrumb a {
  font-size: .15rem;
  color: #666;
}
img{
  image-rendering:-moz-crisp-edges;
  image-rendering:-o-crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  -ms-interpolation-mode:nearest-neighbor
}